// 文档加载事件
document.ready(function () {
    var swiper = new Swiper(".mySwiper", {
        autoplay: true,//自动播放
        pagination: {
            el: '.swiper-pagination',//分页
            clickable: true,
        },//可以点击
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },//点击翻页
        loop: true,//循环
    });



    let allli = document.querySelectorAll('.apibox li')
    // console.log(allli);
    // 定义索引
    fildName = ''
    // 后缀名
    feidName = ''
    // 遍历
    allli.forEach(function (dom) {
        // 移入事件
        dom.addEventListener('mouseover', function () {
            this.style.backgroundColor = '#1271ef'
            let imsSrc = this.children[0].src//获取图片的路径
            // console.log(imsSrc);
            let lastf = imsSrc.lastIndexOf('/')//获取/的最后位置
            // console.log(lastf);
            let lastpos = imsSrc.lastIndexOf('.')//获取.的最后位置
            // console.log(lastpos);

            // 截取字符串 
            fildName = imsSrc.substring(lastf + 1, lastpos)
            console.log(fildName);
            // 后缀名
            feidName = imsSrc.substring(lastpos)
            console.log(feidName);

            // 改变路径
            this.children[0].src = `../imgs/${fildName}-c${feidName}`

            // // 改变字的颜色
            this.children[1].style.color = '#fff'
        })

        // 移出
        dom.addEventListener('mouseout', function () {
            this.style.backgroundColor = '#fff'//变回白色
            // 改变路径
            this.children[0].src = `../imgs/${fildName}${feidName}`
            // 改变字的颜色
            this.children[1].style.color = '#666'
        })
    })

    // 跑马灯

    // 获取元素
    let help2 = document.querySelector('.help2')
    let helpcon = document.querySelectorAll('.helpcon')
    console.log(helpcon);

    let index = 0;//保存激活helpcon的索引值
    let timeId = setInterval(function () {
        // 清除当前index索引helpcon的类名
        helpcon[index].classList.remove('active')
        index++//自增
        // 判断
        if (index === helpcon.length) index = 0
        // 添加激活样式
        helpcon[index].classList.add('active')
    }, 2000)


    // 移入停止
    help2.addEventListener('mouseover', function () {
        clearInterval(timeId)
    })

    // 移出继续
    help2.addEventListener('mouseout', function () {
        timeId = setInterval(function () {
            // 清除当前index索引helpcon的类名
            helpcon[index].classList.remove('active')
            index++//自增
            // 判断
            if (index === helpcon.length) index = 0
            // 添加激活样式
            helpcon[index].classList.add('active')
        }, 2000)

    })
})


//点击回到顶部
// 当滚动距离大于1200时就显示tbtn 否者隐藏
window.addEventListener('scroll', function () {
    // 获取滚动距离
    let tbTn = document.querySelector('.tbtn')


    let STop = document.documentElement.scrollTop;
    if (STop >= 1200) {
        tbTn.style.display = 'block'//显示
    } else {
        tbTn.style.display = 'none'//隐藏
    }
    //点击回到顶部
    tbTn.addEventListener('click', function () {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'

        })
    })
})